import type { MultipleConditionSearchSchema } from '@/components/multiple-condition-search'
// import { Tooltip } from '@arco-design/web-vue'
// import IconsQuestion from '~icons/icons/question'
// import {
//   jobProductOptions,
//   jobStatusOptions,
//   jobTypeOptions,
// } from '@/enums/job'

export default function useConfig() {
  const searchSchema = computed<MultipleConditionSearchSchema>(() => {
    return {
      placeholder: '默认按照节点 IP 搜索',
      widgets: [
        {
          type: 'input',
          field: 'primary_ip',
          label: '节点 IP',
          maxLength: 20,
        },
        {
          type: 'input',
          field: 'name',
          label: '节点名称',
        },
      ],
    }
  })
  // const appStore = useAppStore()
  // const appList = computed<OptionItem[]>(() => {
  //   return appStore.appList || []
  // })

  const tableColumns = buildColumns([
    {
      title: '节点名称',
      dataIndex: 'name',
      width: 194,
      slotName: 'name',
    },
    {
      title: '节点 IP',
      dataIndex: 'ip',
      width: 194,
      slotName: 'ip',
    },
    {
      title: '节点分组',
      width: 194,
      dataIndex: 'cluster_name',
      slotName: 'cluster_name',
      // render({ record }) {
      //   return record.cluster_name || '-'
      // },
    },
    // {
    //   title: () =>
    //     h('div', { class: 'flex gap-x-1 items-center' }, [
    //       h('span', { class: 'text-12px/22px' }, '节点层级'),
    //       h(
    //         Tooltip,
    //         {
    //           showArrow: false,
    //           class: 'border-radius-20px',
    //           contentStyle: {
    //             borderRadius: '12px !important',
    //           },
    //         },
    //         {
    //           default: () =>
    //             h(IconsQuestion, {
    //               class:
    //                 'question-icon text-#8F959E w-14px  h-14px hover:text-primary',
    //             }),
    //           content: () =>
    //             h(
    //               'span',
    //               {
    //                 class: 'text-12px',
    //               },
    //               [
    //                 '1. L2 节点负责回源，L1 节点自动从 L2 节点获取源站数据；',
    //                 h('br'),
    //                 '2. 如果没有 L2 节点，L1 节点直接向源站请求回源。',
    //               ],
    //             ),
    //         },
    //       ),
    //     ]),
    //   width: 120,
    //   render({ record }) {
    //     return record.cascade_level === 1 ? 'L1' : 'L2'
    //   },
    // },
    {
      title: '运行状态',
      width: 194,
      dataIndex: 'status',
      slotName: 'status',
    },
    {
      title: '解析状态',
      width: 194,
      dataIndex: 'resolve_status',
      slotName: 'resolve_status',
    },
    {
      title: '程序版本',
      width: 194,
      dataIndex: 'version',
      slotName: 'version',
    },
    {
      title: '操作系统',
      width: 194,
      slotName: 'os',
    },
    {
      title: '操作',
      slotName: 'action',
      width: 80,
      cellClass: 'actions-cell',
    },
  ])

  return {
    searchSchema,
    tableColumns,
  }
}
